<%@page import="com.sdry.model.llm.User"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>追溯（备份）</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/layui.css"  media="all">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/toastr.min.css"  media="all">
	
	<script src="${pageContext.request.contextPath }/assets/layui.js" charset="utf-8"></script>
	<script src="${pageContext.request.contextPath }/assets/layui.all.js"></script>
	<script src="${pageContext.request.contextPath }/assets/js/jquery.min.js" charset="utf-8"></script>
	<script src="${pageContext.request.contextPath }/assets/js/toastr.min.js" charset="utf-8"></script>
	<script src="${pageContext.request.contextPath }/js/jyy/retrospect.js" charset="utf-8"></script>
	
	<style type="text/css">
		table{
			text-align: center;
		}
		.tables td {
			height: 40px;
			width: 150px;
		}
		.tables th {
			height: 40px;
			width: 150px;
		}
	</style>
</head>

<%
	User people = (User) request.getSession().getAttribute("currentUser");
    String name = null;
    if(people != null){
      name = people.getUserName();
    }
%>
<body> 
 
<div style="padding: 20px; background-color: #F2F2F2;">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md6">
      <div class="layui-card" style="height: 400px">
        <div class="layui-card-header">
			组件号
		    <div class="layui-inline">
		    	<input class="layui-input" name="tube" id="tube" placeholder="" style="display: inline; width: 80%">
		    </div>
		    <button class="layui-btn layui-btn-blue" style="margin: 0 0 0 10px" onclick="selectByTube()"><i class="layui-icon layui-icon-search">  搜索</i></button>
        </div>
        <div class="layui-card-body">
			<div class="layui-tab">
			  <ul class="layui-tab-title">
			    <li class="layui-this">排产单号</li>
			    <li>生产细节</li>
			    <li>操作人员信息</li>
			  </ul>
			  <div class="layui-tab-content">
			    <div class="layui-tab-item layui-show" id="sheduNumber">
			      	<table border="1 solid #000" id="table1" class="tables">
			      		<tr>
			    			<th>工位</th>
			    			<th>排产单号</th>
			    		</tr>
			    		<tr>
			    			<td>膜丝工位：</td>
			    			<td id="s1"></td>
			    		</tr>
			    		<tr>
			    			<td>组装工位：</td>
			    			<td id="s2"></td>
			    		</tr>
			    		<tr>
			    			<td>离心工位：</td>
			    			<td id="s3"></td>
			    		</tr>
			    		<tr>
			    			<td>固化工位：</td>
			    			<td id="s4"></td>
			    		</tr>
			    		<tr>
			    			<td>切割工位：</td>
			    			<td id="s5"></td>
			    		</tr>
			    	</table>
			    </div>
			    <div class="layui-tab-item">
			    	<table border="1 solid #000" id="table2"  class="tables">
			    		<tr>
			    			<th>工位</th>
			    			<th>操作时间</th>
			    			<th>固化时长</th>
			    			<th>A面硬度</th>
			    			<th>B面硬度</th>
			    		</tr>
			    		<tr>
			    			<td>膜丝工位：</td>
			    			<td id="t1"></td>
			    			<td></td>
			    			<td></td>
			    			<td></td>
			    		</tr>
			    		<tr>
			    			<td>组装工位：</td>
			    			<td id="t2"></td>
			    			<td></td>
			    			<td></td>
			    			<td></td>
			    		</tr>
			    		<tr>
			    			<td>离心工位：</td>
			    			<td id="t3"></td>
			    			<td></td>
			    			<td></td>
			    			<td></td>
			    		</tr>
			    		<tr>
			    			<td>固化工位：</td>
			    			<td id="t4"></td>
			    			<td id="long"></td>
			    			<td></td>
			    			<td></td>
			    		</tr>
			    		<tr>
			    			<td>切割工位：</td>
			    			<td id="t5"></td>
			    			<td></td>
			    			<td id="a"></td>
			    			<td id="b"></td>
			    		</tr>
			    	</table>
			    </div>
			    <div class="layui-tab-item">
			    	<table border="1 solid #000" id="table3"  class="tables">
			    		<tr>
			    			<th>工位</th>
			    			<th>操作人</th>
			    		</tr>
			    		<tr>
			    			<td>膜丝工位：</td>
			    			<td id="p1"></td>
			    		</tr>
			    		<tr>
			    			<td>组装工位：</td>
			    			<td id="p2"></td>
			    		</tr>
			    		<tr>
			    			<td>离心工位：</td>
			    			<td id="p3"></td>
			    		</tr>
			    		<tr>
			    			<td>固化工位：</td>
			    			<td id="p4"></td>
			    		</tr>
			    		<tr>
			    			<td>切割工位：</td>
			    			<td id="p5"></td>
			    		</tr>
			    	</table>
			    </div>
			  </div>
			</div>
        </div>
      </div>
    </div>
    <div class="layui-col-md6">
      <div class="layui-card" style="height: 400px">
        <div class="layui-card-header">
        	排产单号
		    <div class="layui-inline">
		    	<input class="layui-input" name="searchPeople" id="searchPeople" placeholder="" style="display: inline; width: 80%">
		    </div>
		    <button class="layui-btn layui-btn-blue" style="margin: 0 0 0 10px" data-type="reload"><i class="layui-icon layui-icon-search">  搜索</i></button>
        </div>
        <div class="layui-card-body">
		        <div class="layui-tab">
			  <ul class="layui-tab-title">
			    <li class="layui-this">网站设置</li>
			    <li>用户管理</li>
			    <li>权限分配</li>
			    <li>商品管理</li>
			    <li>订单管理</li>
			  </ul>
			  <div class="layui-tab-content">
			    <div class="layui-tab-item layui-show">
			      1. 高度默认自适应，也可以随意固宽。
			      <br>2. Tab进行了响应式处理，所以无需担心数量多少。
			    </div>
			    <div class="layui-tab-item">内容2</div>
			    <div class="layui-tab-item">内容3</div>
			    <div class="layui-tab-item">内容4</div>
			    <div class="layui-tab-item">内容5</div>
			  </div>
			</div>
        </div>
      </div>
    </div>
    <div class="layui-col-md12">
      <div class="layui-card" style="height: 400px">
        <div class="layui-card-header">
        	批次号
		    <div class="layui-inline">
		    	<input class="layui-input" name="searchPeople" id="searchPeople" placeholder="" style="display: inline; width: 80%">
		    </div>
		    <button class="layui-btn layui-btn-blue" style="margin: 0 0 0 10px" data-type="reload"><i class="layui-icon layui-icon-search">  搜索</i></button>
        </div>
        <div class="layui-card-body">
          	<div class="layui-tab">
			  <ul class="layui-tab-title">
			    <li class="layui-this">网站设置</li>
			    <li>用户管理</li>
			    <li>权限分配</li>
			    <li>商品管理</li>
			    <li>订单管理</li>
			  </ul>
			  <div class="layui-tab-content">
			    <div class="layui-tab-item layui-show">
			      1. 高度默认自适应，也可以随意固宽。
			      <br>2. Tab进行了响应式处理，所以无需担心数量多少。
			    </div>
			    <div class="layui-tab-item">内容2</div>
			    <div class="layui-tab-item">内容3</div>
			    <div class="layui-tab-item">内容4</div>
			    <div class="layui-tab-item">内容5</div>
			  </div>
			</div>
        </div>
      </div>
    </div>
  </div>
</div> 
      
</body>
<script>
layui.use(['table','layer','upload','form','laydate'], function(){
	  var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
	  var table = layui.table;
	  var layer = layui.layer;
	  var laydate = layui.laydate;
	  var form = layui.form; 
	  form.render();
	  
	  var $ = layui.jquery, active = {
		reload:function () {
			var searchName = $("#searchName").val();
			table.reload('contenttable',{
				method:'get',
				where:{"paname":searchName},
				page:{
					curr:1  //重新从第一页开始
				}
			});
		}
	  }
	  
	  $('.layui-btn').on('click', function(){
	      var type = $(this).data('type');
	      active[type] ? active[type].call(this) : '';
	  });
	  
	  /* table.render({
	    elem: '#tableList'
	    ,url:'${pageContext.request.contextPath }/partMana/listPagePart.do'
	    ,title: '配件列表'
	    ,id :'contenttable'
	    ,limits:[10,20,30]
	    ,cols: [[
			      {field:'paname', title:'配件名称',width:200},
			      {field:'panum', title:'配件编号' ,width:150},
			      {field:'pamodel', title:'配件规',width:200},
			      {field:'paremark1', title:'计量单位',width:100},
			      {fixed:'right', title:'操作', toolbar: '#rowToolbar', width:80}
			    ]],
	    page: true,
	}); */
	  
  toastr.options.positionClass = 'toast-top-center'; //提示框的位置设置为中上
  toastr.options.timeOut = '2000'; //自动关闭时间
});
</script>
</html>